irongit
Sign inRegister
huncholanehuncholane/dotbarPublic

Waybar configuration

dotbar/style/[0 VERTICAL] Golden Noir.css
209 lines4.0 KBCSS
RawDownloadHistory
1/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
2/* ...............Golden Noir................ */
3/* --- 👍 designed by https://github.com/Krautt 👍 --- */
4
5* {
6 font-family: "JetBrainsMono Nerd Font";
7 font-weight: bold;
8 min-height: 0;
9 /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
10 font-size: 97%;
11 font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
12}
13
14window#waybar {
15 background: #040406;
16 border-radius: 30px;
17 color: #cba6f7;
18
19}
20
21window#waybar.hidden {
22 opacity: 0.5;
23}
24
25tooltip {
26 background: #1e1e2e;
27 border-radius: 10px;
28 border-width: 2px;
29 border-style: solid;
30 border-color: #11111b;
31 color: #ffd700;
32}
33
34/*-----module groups----*/
35.modules-left,
36.modules-right {
37 padding-top: 2px;
38 padding-bottom: 2px;
39 padding-right: 4px;
40 padding-left: 4px;
41
42}
43
44.modules-center {
45 border-top: 1px solid #ffd700;
46 border-bottom: 1px solid #ffd700;
47 border-radius: 20px;
48 padding-top: 2px;
49 padding-bottom: 2px;
50 padding-right: 4px;
51 padding-left: 4px;
52}
53
54#taskbar button,
55#workspaces button {
56 color: #6E6A86;
57 box-shadow: none;
58 text-shadow: none;
59 padding: 0px;
60 border-radius: 9px;
61 padding-left: 4px;
62 padding-right: 4px;
63 animation: gradient_f 20s ease-in infinite;
64 transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
65}
66
67#taskbar button.active,
68#workspaces button.active {
69 color: #ffd700;
70 border-radius: 50%;
71 background-color: black;
72 border-radius: 15px 15px 15px 15px;
73 padding-left: 5px;
74 padding-right: 5px;
75 animation: gradient_f 20s ease-in infinite;
76 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
77}
78
79#workspaces button.focused {
80 color: #d8dee9;
81}
82
83#workspaces button.urgent {
84 color: #11111b;
85 border-radius: 10px;
86}
87
88#taskbar button:hover,
89#workspaces button:hover {
90 color: #ffd700;
91 border-radius: 15px;
92 padding-left: 2px;
93 padding-right: 2px;
94 animation: gradient_f 20s ease-in infinite;
95 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
96}
97
98#backlight,
99#backlight-slider,
100#battery,
101#bluetooth,
102#clock,
103#cpu,
104#disk,
105#idle_inhibitor,
106#keyboard-state,
107#memory,
108#mode,
109#mpris,
110#network,
111#power-profiles-daemon,
112#pulseaudio,
113#pulseaudio-slider,
114#taskbar,
115#temperature,
116#tray,
117#window,
118#wireplumber,
119#workspaces,
120#custom-backlight,
121#custom-browser,
122#custom-cava_mviz,
123#custom-cycle_wall,
124#custom-dot_update,
125#custom-file_manager,
126#custom-keybinds,
127#custom-keyboard,
128#custom-light_dark,
129#custom-lock,
130#custom-hint,
131#custom-hypridle,
132#custom-menu,
133#custom-playerctl,
134#custom-power_vertical,
135#custom-power,
136#custom-quit,
137#custom-reboot,
138#custom-settings,
139#custom-spotify,
140#custom-swaync,
141#custom-tty,
142#custom-updater,
143#custom-weather,
144#custom-weather.clearNight,
145#custom-weather.cloudyFoggyDay,
146#custom-weather.cloudyFoggyNight,
147#custom-weather.default,
148#custom-weather.rainyDay,
149#custom-weather.rainyNight,
150#custom-weather.severe,
151#custom-weather.showyIcyDay,
152#custom-weather.snowyIcyNight,
153#custom-weather.sunnyDay {
154 color: #e5d9f5;
155 padding-top: 5px;
156 padding-bottom: 5px;
157 padding-right: 5px;
158 padding-left: 5px;
159}
160
161#temperature.critical {
162 background-color: #ff0000;
163}
164
165@keyframes blink {
166 to {
167 color: #000000;
168 }
169}
170
171/*-----Indicators----*/
172#custom-hypridle.notactive,
173#idle_inhibitor.activated {
174 color: #39FF14;
175}
176
177#battery.critical:not(.charging) {
178 color: #f53c3c;
179 animation-name: blink;
180 animation-duration: 3.0s;
181 animation-timing-function: steps(12);
182 animation-iteration-count: infinite;
183 animation-direction: alternate;
184}
185
186#backlight-slider slider,
187#pulseaudio-slider slider {
188 min-height: 7px;
189 min-width: 15px;
190 opacity: 0;
191 background-image: none;
192 border: none;
193 box-shadow: none;
194}
195
196#backlight-slider trough,
197#pulseaudio-slider trough {
198 min-height: 100px;
199 min-width: 7px;
200 border-radius: 5px;
201 background-color: #22252a;
202}
203
204#backlight-slider highlight,
205#pulseaudio-slider highlight {
206 min-width: 5px;
207 border-radius: 5px;
208 background-color: #ba5663;
209}